<template>
  <div class="attention-container">
    <van-nav-bar 
      title="关注/粉丝"
      @click-left="clickBackPerson"
      left-arrow
      left-text="返回"
    />

    <van-tabs v-model:active="activeAttention"  @click-tab="onClickTab">
      <van-tab title="我的关注">
        <Attention keyTitle="attention" />
      </van-tab>
      <van-tab title="我的粉丝">
        <Attention keyTitle="fans"  />
      </van-tab>
    </van-tabs>

  </div>
</template>

<script setup lang="ts">
import { onBeforeMount, ref } from 'vue';
import Attention from './attention.vue';
const activeAttention = ref('')

onBeforeMount(() => {

})


const clickBackPerson = () => {
  JK.backToMine()
}

const onClickTab = () => {
console.log(activeAttention.value);
if(+activeAttention.value === 0) {
  
}


}
</script>

<style lang='less'>

</style>